
<script>
export default {
  name: 'FormItem',
  data () {
    return {
      list: [
        { name: 1, type: 'Button' },
        { name: 2, type: 'Button' },
        { name: 3, type: 'Button' },
        { name: 4, type: 'Button' },
        { name: 5, type: 'Button' }
      ]
    }
  },
  render (h) {
    let buttonList = []
    let data = this.list
    for (let i = 0; i < data.length; i++) {
      buttonList.push(h(data[i].type, data[i].name))
    }
    return h('div', buttonList)
  },
  mounted () {
    console.log(this)
  }
}
</script>

<style scoped>

</style>
